{% extends "base.html" %}
{% block title %}首页{% endblock %}
{% block css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/title.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/startbtn.css') }}">
{%endblock%}

{% block container %}
<div class="page-header">
    <div class="content">
        <svg viewBox="0 0 1000 300">
            <symbol id="s-text">
                <text text-anchor="middle" x="50%" y="50%" dy=".2em">
                    MBTI-TEST
                </text>
            </symbol>
            <use xlink:href="#s-text" class="text"></use>
            <use xlink:href="#s-text" class="text"></use>
            <use xlink:href="#s-text" class="text"></use>
            <use xlink:href="#s-text" class="text"></use>
            <use xlink:href="#s-text" class="text"></use>
            <use xlink:href="#s-text" class="text"></use>
            <clippath id="cp-text">
                <text text-anchor="middle" x="50%" y="50%" dy=".2em" class="text--line">
                    MBTI-TEST
                </text>
            </clippath>
            <g clip-path="url(#cp-text)" class="shadow">
                <rect width="100%" height="100%" class="anim-shape anim-shape--shadow"></rect>
            </g>
            <g clip-path="url(#cp-text)" class="colortext">
                <rect width="100%" height="100%" class="anim-shape"></rect>
                <rect width="80%" height="100%" class="anim-shape"></rect>
                <rect width="60%" height="100%" class="anim-shape"></rect>
                <rect width="40%" height="100%" class="anim-shape"></rect>
                <rect width="20%" height="100%" class="anim-shape"></rect>
            </g>
            <use xlink:href="#s-text" class="text--transparent"></use>
        </svg>
    </div>
</div>

<div class="bs-docs-section">
    <div class="row">
        <div class="col-lg-12">
            <div class="bs-component">
                <h2>MBTI测试前须知</h2>
                <p>1、参加测试的人员请务必诚实、独立地回答问题，只有如此，才能得到有效的结果。</p>
                <p>2、性格分析展示的是你的性格倾向，而不是你的知识、技能、经验。</p>
                <p>3、MBTI提供的性格类型描述仅供测试者确定自己的性格类型之用，性格类型没有好坏，只有不同。每一种性格特征都有其价值和优点，也有缺点和需要注意的地方。清楚地了解自己的性格优劣势，有利于更好地发挥自己的特长，而尽可能的在为人处事中避免自己性格中的劣势，更好地和他人相处，更好地作重要的决策。</p>
                <p>4、共72题；所有题目没有对错之分，请根据自己的实际情况选择。</p>
                <p>测试结果仅供参考！</p>
            </div>
        </div>
    </div>
</div>
<a href="/test/" class="a-btn">
    <span></span>
    <span>Start</span>
    <span>Go!</span>
</a>
{% endblock %}
